<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/mine.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/home.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/buy.css" />
		<link rel="stylesheet" type="text/css" href="css/classify.css" />
		<link rel="stylesheet" type="text/css" href="./css/car.css"/>
	</head>
	https://git.oschina.net/yu896329885/myW.git
	<body ng-app="myApp">
		<div class="indexBg">
		<img src="img/1308611056.jpg"/>
		<span class="cover"></span>
		</div>
		
		<div ng-view>

		</div>
		
		<div class="footernav_">
		<ul>
			<li>
				<a href="#/home">
					<p class="iconfont icon-home"></p>
					<div>主页</div>
				</a>
			</li>
			<li>
				<a href="#/classify">
					<p class="iconfont icon-fenlei"></p>
					<div>分类</div>
				</a>
			</li>
			<li>
				<a href="javascript:void(0)">
					<p class="bouncedBtn"></p>
				</a>
				<div class="bounced">
					<div class="top">
						<img src="img/umbrella.jpg"/>
					</div>
					<p class="cancel"><img src="img/x.jpg"/></p>
					<a href="http://chat.360kad.com/Chat/Customer/AppChat?SessionId=c13e2613ebeb46f1952dbcce5d3ba1ac&rukou=0&warecode=0">
						<p><img src="img/consult.jpg"/></p>
						<div>药师资讯</div>
					</a>
					<a href="http://chat.360kad.com/Chat/Customer/AppChat?SessionId=4068ce21fb66467e96588dc7c4f397b6&rukou=1&warecode=0">
						<p><img src="img/Aftermarket.jpg"/></p>
						<div>售后服务</div>
					</a>
					<a href="#">
						<p><img src="img/phone.jpg"/></p>
						<div>电话咨询</div>
					</a>
				</div>
			</li>
			<li>
				<a href="#/car">
					<p class="iconfont icon-gouwuche"></p>
					<div>购物车</div>
				</a>
			</li>
			<li>
				<a href="#/mine">
					<p class="iconfont icon-gerenzhongxin"></p>
					<div>个人中心</div>
				</a>
			</li>
		</ul>
	</div>

	</body>
	<script type="text/javascript" src="lib/jquery.js">
	</script>
	<script type="text/javascript" src="lib/jquery.lazyload.min.js">
	</script>
	<script src="lib/angular-1.4.6.js"></script>
	<script src="lib/angular-route-1.3.13.js"></script>
	<script src="app.js"></script>
	<script src="js/controller/controller.js"></script>
	<script type="text/javascript" src="lib/me-lazyload.js">
	</script>
	<script type="text/javascript" src="lib/me-lazyimg.js">
	</script>
	<script type="text/javascript" src="lib/swiper-3.3.1.min.js">
	</script>
	<script type="text/javascript" src="lib/touch-0.2.14.min.js">
		
	</script>

	<script type="text/javascript">
		document.documentElement.style.fontSize = innerWidth / 12 + "px";
		//document.documentElement.style.height=innerHeight+"px";
		window.onresize = function() {

			document.documentElement.style.fontSize = innerWidth / 12 + "px";
			console.log(document.documentElement.style.fontSize)
				//document.documentElement.style.height=innerHeight+"px";
				//console.log(document.documentElement.style.height)

		}
	</script>
	<script type="text/javascript">
		//点击tab切换页面
		if(sessionStorage.getItem('page')==undefined){
			sessionStorage.setItem('page',0);
		}
		$(".footernav_ li a").css("color","#919191")
		$('.taplist li').eq(sessionStorage.getItem('page')).find('a').css("color","#2d8ef3");
		$(".footernav_ li a").on("touchstart",function(){
			sessionStorage.setItem('page',$(this).parent().index());
			$(".footernav_ li a").css("color","#919191")
			$(this).css("color","#2d8ef3")
		})
		$(".footernav_ .bouncedBtn").on("touchstart",function(){
			$(".footernav_ .bounced").css("top",0)
			$("body").css("overflow","hidden")
			$("body").on("touchmove",function(e){
				e.preventDefault();
			})
			$(".footernav_ .bounced a").css({
				marginTop:'2rem',
			})
		})
		
		$(".footernav_ .bounced .cancel").on("touchstart",function(){
			$(".footernav_ .bounced a").css({
				marginTop:'18rem',
			});
			setTimeout(function(){
				$(".footernav_ .bounced").css({
					top:"100%"
				})
			},700)
			$("body").css("overflow","auto")
			$("body").unbind("touchmove")
			
		})
		setTimeout(function(){
			$(".indexBg").hide(1000);
		},5000)
	</script>

<script language="javascript"> 
	
</script>

</html>